<script setup lang="ts">

</script>

<template>
  <div class="box">
    <h1>我是子组件默认插槽</h1>
    <!--  默认插槽-->
    <slot></slot>
    <h1>我是子组件默认插槽</h1>
    <h1>具名插槽A</h1>
    <slot name="a"></slot>
    <h1>具名插槽A</h1>
    <h1>具名插槽B</h1>
    <slot name="b"></slot>
    <h1>具名插槽B</h1>
  </div>
</template>

<style scoped>
.box {
  height: 900px;
  background: skyblue;
}
</style>